<template>
  <div class="app-container customer-div">
    <el-tabs v-model="activeName">
      <el-tab-pane label="开发阶段" name="first">
        <developStage v-if="activeName=='first'"></developStage>
      </el-tab-pane>
      <el-tab-pane label="跟进方式" name="second">
        <followMethod v-if="activeName == 'second'"></followMethod>
      </el-tab-pane>
      <el-tab-pane label="沟通方式" name="third">
        <communicationMethods v-if="activeName == 'third'"></communicationMethods>
      </el-tab-pane>
      <el-tab-pane label="跟进目的" name="fourth">
        <followPurpose v-if="activeName == 'fourth'"></followPurpose>
      </el-tab-pane>
      <el-tab-pane label="距离系数" name="fifth">
        <distanceFactor v-if="activeName == 'fifth'"></distanceFactor>
      </el-tab-pane>
      <!-- <el-tab-pane label="难易系数" name="sixth">
        <degreeFactor v-if="activeName == 'sixth'"></degreeFactor>
      </el-tab-pane> -->
    </el-tabs>
  </div>
</template>

<script>
import developStage from "./components/developStage.vue";
import followMethod from "./components/followMethod.vue";
import communicationMethods from './components/communicationMethods.vue'
import followPurpose from "./components/followPurpose.vue";
import distanceFactor from "./components/distanceFactor.vue";
// import degreeFactor from "./components/degreeFactor.vue";
export default {
  name: "followSetting",
  data() {
    return {
      activeName: "first",
    };
  },
  components: {
    developStage,
    distanceFactor,
    // degreeFactor,
    followMethod,
    followPurpose,
    communicationMethods
  },
  methods: {},
};
</script>

<style scoped lang="scss">
</style>
